<!--
 * @Author: whq
 * @Date: 2025-08-04 14:31:42
 * @LastEditTime: 2025-08-05 22:01:20
 * @LastEditors: whq
 * @Description: 
 * @FilePath: \app\src\pages\cards\index.vue
-->
<template>
  <view class="cards-comm">
    <CardsList />
  </view>
</template>

<script setup>
import CardsList from "@/components/TBMComponents/CardsList/index.vue";
import { ref, onMounted, watch } from "vue";

const cardsList = ref([
  {
    name: "月榜",
    key: "all",
  },
  {
    name: "精选",
    key: 0,
  },
  {
    name: "热门",
    key: 1,
  },
  {
    name: "上新",
    key: 2,
  },
  {
    name: "群组",
    key: 2,
  },
]);

const handerEvent = async (eType, eData) => {
  const userInfo = uni.getStorageSync("userInfo");

  switch (eType) {
    case "inStockListChange":
    case "outStockListChange":
      // if (eData?.key == "all") {
      //   tabsListState.value.filter = {};
      // } else {
      //   tabsListState.value.filter.status = eData?.key;
      // }
      // // tabsListState.value.filter.status = eData?.key;
      // paging.value.reload();
      break;
    default:
      break;
  }
};
</script>

<style scoped setup lang="scss">
.cards-comm {
  width: 100%;
  height: 100%;
  .cards-title {
    width: 100%;
    height: 400rpx;
  }
}
</style>
